<template>
  <div id="container">
    <Header />
    <div class="main">
      <Link1 />
      <Link2 />
      <Headera />
      <List />
    </div>
    <Footer />
  </div>
</template>

<script>
import Header from "@/components/header.vue";
import Link1 from "@/components/home/link1.vue";
import Link2 from "@/components/home/link2.vue";
import Headera from "@/components/home/headera.vue";
import List from "@/components/home/list.vue";
import Footer from "@/components/footer.vue";
export default {
  // 连接组件
  components: {
    Header,
    Link1,
    Link2,
    Headera,
    List,
    Footer,
  },
  // 请求数据
  created() {
    this.$store.dispatch("getHome", { url: "/data/home" });
  },
};
</script>

<style scoped>
.main {
  flex: 1;
  background: #fafafa;
  overflow: auto;
}
</style>
